快速建置ＡＰＰ起手式

start !

讓我們先檢查一下你擁有的技能

1. ES6 Javascript

2. Vue JS and NPM ecosystems

3. Vue Router

4. Writing .vue files

5. [非必要] Vuex if building large scale Apps.

6. [非必要] Webpack for tweaking the build system to your specific needs

7. [非必要] Cordova

   全部技能都點滿了？ 恭喜你！你可以使用quasar用的非常如魚得水

現在打開終端機

$ npm install -g quasar-cli

起手懶人包有幾種選擇 透過以下指令觀看

$ quasar list

會出現這幾種選擇

Official Quasar App starter kits:
 ★ default ($ quasar init default <folder_name>)
   Boilerplate for website (with optional Cordova and Electron wrappers) with Quasar v0.14+
 ★ pwa ($ quasar init pwa <folder_name>)
   Boilerplate for PWA with Quasar v0.14+

安裝全部模組

$ cd <folder_name>
$ npm install

開啟有 hot reload 的 dev server

$ quasar dev [theme]
# start with 'mat' theme
$ quasar dev
# or
$ quasar dev mat
# start with 'ios' theme
$ quasar dev ios

若有需要自己建立新的組件,type 可以是 layout, page, component.

$ quasar new [type] <name of your component with optional subfolder>

Quasar Play App

開啟一個有 hot reload 的 mobile dev app, 到market 下載 Quasar Play App, 使用以下的指令, 會產生一個 QR CODE 用ＡＰＰ掃過後, 就會開起dev server

$ quasar dev --play

現在準備動作都已經完成了！